<template>
    
    <div>
        <div class="top">
            <span>消息</span>
            <span>订单</span>
        </div>
        <div class="bottom">

        <div class="sousuo">
            <input type="text"><div class="right">搜索</div>
        </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .top{
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        padding: 0.2rem 0;
    }
    .top span{
        margin-right: 3%;
        font-size: 0.15rem;
    }
    .bottom{
        width: 100%;
    }
    .sousuo{
        display: flex;
        margin: 0 auto;
        width: 80%;
        /* background-color: palegoldenrod; */
        border: 1px solid black;
    }
    input{
        width: 80%;
        border: none;
    }
    .right{
        width: 20%;
        text-align: center;
        border-left: 1px solid black;
        padding: 0.1rem 0;
        
    }

</style>
